<%@ page language="java" import="java.util.*" pageEncoding="utf-8"   isELIgnored="false"%>
<%@ taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
	<title>IT园欢迎您！</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta name="Keywords" content="">
	<meta name="description" content="">
	<link href="css/user.css" rel="stylesheet" type="text/css">
	<script src="js/jquery-1.10.2.min.js"></script>
	<script src="js/user.js"></script>
	<style type="text/css">
			.notice {
				margin-top: 15px;
				margin-left: 19%;
			}
			.notice table{
				margin-left: 10px;
				width: 95%;
			}
		.notice table tr td{
			font: 14px/1.5 微软雅黑,italic, Tahoma, Geneva, sans-serif;
			color: #696969;
			cursor: pointer;
			position: relative;
			height: 35px;
			border-bottom: 1px solid #DDDDDD;
		}
		.notice table tr:HOVER  td{
			color: #32B6B4;
		}
		.notice-title ul{
			margin-left: -25px;
		}
		.notice table tr td a{
			color: #438EB9;
		}
		.notice-title ul li{
			float: left;
			margin-right: 25px;
		}
	</style>
  </head>
<body>
<%--消息通知页面 --%>
<jsp:include page="/user/top.jsp"></jsp:include>
<jsp:include page="/user/notifications/notificationsLeft.jsp"></jsp:include>
<div class="notice">
	<div class="notice-title">
		<ul>
				<li>未读消息 [ <span style="color: red;" id="total">${total}</span> ]</li>
				<li>全部标记为已读</li>
				<li>删除消息</li>
				<li>清空所有消息</li>
		</ul>
	</div>
	<div>
		<table>
		<c:forEach items="${msgs}" var="msg" >
			<tr>
				<td><input type="checkbox"></td>
				<td>
					<a href="user/notifications/notificationsDetail?id=${msg.id}">${msg.msgTitle }</a>
				</td>
					<td><fmt:formatDate value="${msg.createDate}" type="both" pattern="yyyy-MM-dd HH:mm:ss" /></td>
			</tr>
		</c:forEach>
		</table>
	</div>
</div>
</body>
</html>
